<template>
    <div class="header">
        <div class="header-bg"></div>
		<slot></slot>
		<div class="footer-bg"></div>
    </div>
</template>

<script>
export default {
    
}
</script>
<style scoped lang="scss">
    .header{
        width: 100%;
		height: 100%;
        /* background: #083bb9; */
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
        .header-bg{
            width: 10rem;
            height: 5.133333rem;
            background-image: url(../assets/images/head.png);
            background-repeat: no-repeat;
            background-position: left top;
            background-size: 100% auto;
			display: flex;
			justify-content: center;
			align-items: center;
        }
		.footer-bg{
			width: 10rem;
			height: 2.373333rem;
			background-image: url(../assets/images/footer.png);
			background-repeat: no-repeat;
			background-position: left bottom;
			background-size: 100% auto;
			display: flex;
			justify-content: center;
			align-items: center;
		}
    }
</style>